import axios from "axios";
/**
 * 封装 axios
 */
// 导入 store 实例
import store from '@/store';

// import { delToken } from "@/store/modules/login";
// 导入 history 实例对象
import { logOutAction } from '@/store/actions/login';
import { changeToken } from "@/store/modules/login";
import { getError } from "@/utils/Error";
import { isToken } from "./auth";
import { history } from "./history";
const request = axios.create({
  baseURL: 'http://toutiao.itheima.net/v1_0',
  timeout: 5000
})


// ==添加请求拦截器==
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  //  统一添加 token
  const { token } = store.getState().login
  if (token.token) {
    config.headers!.Authorization = `Bearer ${token.token}`

  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response.data;
}, async function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  if (error.response.status === 401) {
    /**
     * 删除token
     * 消息提示
     * 跳回登录页 =》 携带当前访问页面的地址 以便下次登录回条
     */
    // getError(error)
    // store.dispatch(logOutAction())
    // history.replace('/login', {
    //   redirectUrl: history.location.pathname
    // })
    // ===================
    // 无感刷新 token
    try {
      // 没登录
      if (!isToken()) {
        throw new Error('请先登录！')
      }
      // 登陆过：使用refresh_token 获取新token
      /**
       * 1. 获取store中的token
       * 2. 使用原生的axios发送请求获取新token
       * 3. 从新组装token对象，通过 store实例 调用更改token
       * 4. 发送上次401请求
       */
      const { token: { refresh_token } } = store.getState().login
      // 不能使用封装过的request实例因为加了拦截器，发不出去
      const res = await axios.put('http://toutiao.itheima.net/v1_0/authorizations', null, {
        headers: {
          Authorization: `Bearer ${refresh_token}`
        }
      })
      // 从新组装token对象
      const newToken = {
        token: res.data.data.token,
        refresh_token
      }
      // 通过 store实例 调用更改token
      store.dispatch(changeToken(newToken))
      // 发送上次401请求
      // 注意：重新发送的请求一定要返回！！！
      return request(error.config)
      // error.config :是401请求配置对象 可以使用此配置对象重新发请求
    } catch (error) {
      getError(error)
      store.dispatch(logOutAction())
      history.replace('/login', {
        redirectUrl: history.location.pathname
      })
    }
  }
  return Promise.reject(error);
});

export default request